<template>
	  <div class="floot ">
			<div class=" floots bx">
				<div class="floot-l">
					<div class="floot-one">
						<p>联系我们</p>
					</div>
					<ul class="floot-two">
						<li>
							<img src="../../assets/img/dh.png" width="15px" height="15px">
							<span>86-574-63023000</span>
						</li>
						<li class="two-2">
							<img src="../../assets/img/yx.png" width="15px" height="15px" alt="">
							<span>trade@xinhaigroup.com</span>
						</li>
						<li>
							<img src="../../assets/img/wz.png" width="15px" height="15px" alt="">
							<span>中国湖南省长沙市区三环东路239号</span>
						</li>
					</ul>
					<div class="floot-three">
						<span>智子社区版权所有</span>
						<span>copyright</span>
						<span>@2012-2018</span>
						<span>biwan.com</span>
					</div>
				</div>
			</div>
		</div>
</template>

<script>
</script>

<style>
	 .floot {
	width: 100%;
	height: 230px;
	background-color: #4290CF;
}

.floot .floots {
	width: 70%;
	margin: 0 auto;
}

.floot .floot-l {
	width: 100%;
	text-align: center;
	display: inline-block;
	padding-top: 48px;
}

.floot-l .floot-one {
	width: 100%;
	text-align: center;
	padding-bottom: 12px;
	border-bottom: 1px #fff solid
}

.floot-l .floot-one p {
	ont-family: "Helvetica Neue",Helvetica,sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

.floot-two {
	margin: 18px 0 57px 0;
}

.floot-two li {
	list-style: none;
	display: inline-block;
	text-align: center;
}

.floot-two .two-2 {
	margin: 0 80px;
}

.floot-two li img {
	margin-right: 5px;
}

.floot-two li span {
	color: #ffffff;
	font-size: 14px;

}

.floot-three {
	text-align: center;

	font-size: 16px;
	color: #FFFFFF;
}
</style>
